<!DOCTYPE html>
<html>
  	<head>
    	<title>Viecnho.com - Việc Nhỏ Ích Lớn</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link href="css/bootstrap-responsive.min.css" rel="stylesheet">
		<link href="css/responsiveslides.css" rel="stylesheet" media="screen">
		<link href="css/main.css" rel="stylesheet" media="screen">
	</head>
	<body>
		<div class="navbar navbar-fixed-top">
			<div class="navbar-inner">
				<div class="container-fluid">
					<ul class="nav">
						<li><a class="header-logo" href="#"><img src="img/viecnho-logo-small.png" /></a></li>
						<li class="dropdown">
							<a class="header-menu dropdown-toggle" href="#" data-toggle="dropdown"><i class="icon-th-list"></i> Danh mục <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria=labelledby="header-username-menu">
								<li><a href="#">Mạng xã hội</a></li>
								<li><a href="#">Phát triển web</a></li>
								<li><a href="#">Dậy học</a></li>
								<li><a href="#">Dịch thuật</a></li>
								<li class="divider"></li>
								<li><a href="#">Khác</a></li>
							</ul>
						</li>
						<li class="dropdown">
							<a class="header-menu dropdown-toggle" href="#" data-toggle="dropdown"><i class="icon-map-marker"></i> Địa điểm <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria=labelledby="header-username-menu">
								<li><a href="#">Hà Nội</a></li>
								<li><a href="#">TP. Hồ Chí Minh</a></li>
							</ul>
						</li>
					</ul>
					<ul class="nav pull-right">
						<li class="dropdown">
							<a class="header-menu dropdown-toggle" href="#" data-toggle="dropdown">Ninh Nguyen <b class="caret"></b></a>
							<ul class="dropdown-menu" role="menu" aria=labelledby="header-username-menu">
								<li><a href="#">Trang cá nhân</a></li>
								<li><a href="#">Tùy chọn</a></li>
								<li class="divider"></li>
								<li><a href="#">Thoát</a></li>
							</ul>
						</li>
						<li><button id="sell" name="sell" class="btn btn-primary header-button">Đăng dịch vụ</button></li>
					</ul>
				</div>
			</div>
		</div>
		<div id="signup-step2" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-body">
				<h4 class="muted text-center vn-modal-headline">Hoàn thiện đăng ký</h4>
				<form class="form-horizontal">
				<fieldset>
				<div class="control-group">
					<div class="controls vn-modal-input-2">
						<div class="input-prepend">
							<span class="add-on">viecnho.com/</span>
							<input id="prependedtext" name="prependedtext" class="input-large" placeholder="nickname của bạn" type="text">
						</div>
					</div>
				</div>
				<div class="control-group error">
					<div class="controls vn-modal-input-2">
						<div class="input-prepend">
							<span class="add-on">Tôi tên là</span>
							<input id="prependedtext" name="prependedtext" class="input-xlarge" placeholder="Họ tên đầy đủ của bạn" type="text">
						</div>
						<span class="help-inline">Please correct the error</span>
					</div>
				</div>
				<div class="control-group">
					<div class="controls vn-modal-input-2">
						<div class="input-prepend">
							<span class="add-on">Tôi sống ở</span>
							<input id="city" name="city" class="input-xlarge" placeholder="tình/thành phố" type="text">
						</div>
					</div>
				</div>
				<div class="control-group">
					<div class="controls vn-modal-input-2">
						<div class="input-prepend">
							<span class="add-on">Tôi đang làm</span>
							<input id="job" name="job" class="input-xlarge" placeholder="nghề nghiệp, công việc của bạn" type="text">
						</div>
					</div>
				</div>
				<div class="control-group">
					<div class="controls vn-modal-input-2">
						<div class="input-prepend">
							<span class="add-on">Tôi có khả năng</span>
							<input id="skills" name="skills" class="input-xlarge" placeholder="danh sách các kỹ năng bạn có thể làm" type="text">
						</div>
						<p class="help-block">Cách nhau bằng dấu phẩy, ví dụ: thiết kế, dịch thuật, PR, SEO,...</p>
					</div>
				</div>
				<!-- Button -->
				<div class="control-group">
					<div class="controls vn-modal-input-2">
						<button id="save" name="save" class="btn btn-primary">Lưu</button>
					</div>
				</div>
				</fieldset>
				</form>
			</div>
		</div>
		<div class="user-profile">
			<div class="user-cover-default" style="background-image:url(https://cloudinary-a.akamaihd.net/zaarly/image/upload/v1/user/cover_image/4fc3e709290acf5aac00028a/kc_IMG_1912.jpg); filter:none">
				<div class="user-cover-overlay"></div>
				<div class="user-cover row-fluid">
					<div class="user-avatar">
						<img src="img/blank-avatar.jpg" />
					</div>
					<h1 class="text-center">Ninh Nguyen</h1>
					<h4 class="text-center user-about">Web Developer - Hà Nội</h4>
					<p class="text-center user-edit"><a class="btn btn-small" href="#signup-step2" data-toggle="modal"><i class="icon-pencil"></i> Sửa thông tin</a></p>
				</div>
			</div>
		</div>
		<div class="user-services">
			<div class="container">
				<h4 class="user-reputation text-center"><i class="icon-thumbs-up user-icon"></i> 6 đánh giá&nbsp;&nbsp;&nbsp;<i class="icon-heart user-icon"></i> 8 người quan tâm</h4>
				<div class="row">
					<div class="span4">
						<div class="service-box">
							<div class="service-image">
								<a href=""><img src="img/service-img.jpg" /></a>
							</div>
							<div class="service-description">
								<div class="avatar">
									<a href=""><img src="img/avatar.jpg" /></a>
								</div>
								<div class="service-title">
									<a href=""><h5>Custom hand drawn portrait of Mom or Dad</h5></a>
								</div>
								<div class="service-price">
									250k
								</div>
							</div>
						</div>
					</div>
					<div class="span4">
						<div class="service-box">
							<div class="service-image">
								<a href=""><img src="img/service-img.jpg" /></a>
							</div>
							<div class="service-description">
								<div class="avatar">
									<a href=""><img src="img/avatar.jpg" /></a>
								</div>
								<div class="service-title">
									<a href=""><h5>Custom hand drawn portrait of Mom or Dad</h5></a>
								</div>
								<div class="service-price">
									250k
								</div>
							</div>
						</div>
					</div>
					<div class="span4">
						<div class="service-box">
							<div class="service-image">
								<a href=""><img src="img/service-img.jpg" /></a>
							</div>
							<div class="service-description">
								<div class="avatar">
									<a href=""><img src="img/avatar.jpg" /></a>
								</div>
								<div class="service-title">
									<a href=""><h5>Custom hand drawn portrait of Mom or Dad</h5></a>
								</div>
								<div class="service-price">
									250k
								</div>
							</div>
						</div>
					</div>
					<div class="span4">
						<div class="service-box">
							<div class="service-image">
								<a href=""><img src="img/service-img.jpg" /></a>
							</div>
							<div class="service-description">
								<div class="avatar">
									<a href=""><img src="img/avatar.jpg" /></a>
								</div>
								<div class="service-title">
									<a href=""><h5>Custom hand drawn portrait of Mom or Dad</h5></a>
								</div>
								<div class="service-price">
									250k
								</div>
							</div>
						</div>
					</div>
					<div class="span4">
						<div class="service-box">
							<div class="service-image">
								<a href=""><img src="img/service-img.jpg" /></a>
							</div>
							<div class="service-description">
								<div class="avatar">
									<a href=""><img src="img/avatar.jpg" /></a>
								</div>
								<div class="service-title">
									<a href=""><h5>Custom hand drawn portrait of Mom or Dad</h5></a>
								</div>
								<div class="service-price">
									250k
								</div>
							</div>
						</div>
					</div>
					<div class="span4 ">
						<div class="service-box">
							<div class="service-image">
								<a href=""><img src="img/service-img.jpg" /></a>
							</div>
							<div class="service-description">
								<div class="avatar">
									<a href=""><img src="img/avatar.jpg" /></a>
								</div>
								<div class="service-title">
									<a href=""><h5>Custom hand drawn portrait of Mom or Dad</h5></a>
								</div>
								<div class="service-price">
									250k
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="user-story">
			<div class="container">
				<div class="row-fluid">
					<div class="span6 user-box">
						<h3>Giới thiệu bản thân</h3>
						<div class="user-story-about">
							<p>As a child I always loved to sing, dance, and act. You could always find me putting on a show in front of my dad's camcorder! I then went on to get a BFA in Musical Theatre at Syracuse University.</p>

							<p>After college, I knew I had to find a survival job to get by, while I pursued my passions in the arts. I struggled for a while. I knew the restaurant industry wouldn't be a good fit for me, and I am definitely not someone who can last behind a desk all day. I wanted to do something that would make me happy, and where I would be able to interact with different people. A childhood friend I reconnected with, taught Zumba at our local gym and encouraged me to take her class. Before we had even gotten through half of the class I knew I was in love! I was shakin' it and having blast with the biggest smile plastered on my face! I knew I had to become a part of this amazing program!</p>
						</div>
						<h3>Các kỹ năng</h3>
						<p>PHP, HTML, CSS, Javascript</p>
					</div>
					<div class="span6 user-box">
						<h3>Đánh giá dịch vụ</h3>
					</div>
				</div>
			</div>
		</div>
		<div id="footer"></div>
    	<script src="http://code.jquery.com/jquery.js"></script>
    	<script src="js/bootstrap.min.js"></script>
		<script src="js/responsiveslides.min.js"></script>
		<script src="js/jquery.showpassword.js"></script>
		<script>
			$(function() {
				$(".rslides").responsiveSlides({
					
				});
			});
			$(document).ready(function(){			
				$('#password').showPassword();
			});
		</script>
  	</body>
</html>